<div class="container-tight py-4">
  <div class="text-center mb-4">
    <a href="."><img src="/mix-app/css/portal/img/mixcore-logo-red-2.svg" alt="Mixcore CMS" height="36"></a>
  </div>
  <div class="card card-md">
    <div class="card-body text-center py-4 p-sm-5">
      <img src="/mix-app/css/portal/img/illustrations/undraw_forgot_password_gi2d.svg" height="128" class="mb-n2"
        height="120" alt="">
      <h1 class="mt-5">Forgot something?</h1>
      <p class="text-muted">Ops! No worry, you will get back your password soon!</p>
    </div>
    <div class="hr-text hr-text-center hr-text-spaceless">reset password form</div>
    <div class="card-body">

      <form class="mb-3 frm-login" action="" ng-class="{'submitted': submitted}" ng-submit="submit()">
        
        <div ng-if="!isSucceed">
          <div class="mb-3 mb-5">
            <label class="form-label">Your email address</label>

            <input class="form-control" placeholder="Email" ng-model="viewmodel.email" required="" autofocus=""
              ng-enter="submit()" />
          </div>
          <!-- <hr> -->
          <div class="form-footer text-center">
            <button ng-click="submit()" type="button" class="btn btn-primary btn-block"
              ng-disabled="!viewmodel.email">
              Submit
            </button>
            <p class="text-danger" ng-bind="error"></p>
            <button ng-click="goToSiteUrl('/security/login?ReturnUrl=%2Fportal')" type="button" class="btn btn-link">
              Back to Login page
            </button>
          </div>
        </div>

        <div ng-if="isSucceed">
          <p class="text-success">
            Kindly check your the email retset password instruction.
          </p>
        </div>
      </form>

    </div>
  </div>
</div>